#FreundeB{
}
#FreundeB ul{
	border-top: 1px solid #d2d4d8;
	border-left: 1px solid #d2d4d8;
	border-right: 1px solid #d2d4d8;
}

#FreundeB li{
	padding: 3px;
	height: 39px;
	display: none;
	border-bottom: 1px solid #d2d4d8;
	list-style-type: none;
	background: url("../../media/image/frontend/freundebox/verlauf.png") repeat-x;
}
#FreundeB li.ver2{
	background: url("../../media/image/frontend/freundebox/verlauf.png") 0px -45px repeat-x;
}
#FreundeB li.last{
	border-bottom: 0px;
}
#FreundeB li:hover{
	background: url("../../media/image/frontend/freundebox/verlauf.png") 0px -90px repeat-x;
}
#FreundeB li .photo{
	width: 35px;
	float: left;
	box-shadow: 1px 1px #e0e1e3;
	height: 35px;
	border: 2px solid #FFFFFF;
	background-color: #d8d8d9; 
}
#FreundeB li .name{
	color: #809198;
}
#FreundeB li .online,
#FreundeB li .name{
	height: 41px;
	margin-left: 10px;
	line-height: 37px;
	font-weight: bold;
	float: left;
	text-shadow: 1px 1px #FFFFFF;
}
#FreundeB li.online .name{
	color: #15ACDF;
}
#FreundeB li:hover .name{
	color: #FFFFFF;
	text-shadow: 1px 1px #000000;
}
#FreundeB li:hover .photo{
	box-shadow: 1px 1px #2d2d2d;
}
#FreundeB li:hover .infoB{
	display: block;	
}
#FreundeB .infoB{
	left: -143px;
	display: none;	
	box-shadow: 0 0px 3px -1px #000000;
    min-height: 55px;
    padding: 3px;
    position: relative;
    top: -10px;
    width: 130px;
	background: url("../../media/image/frontend/freundebox/verlaufB.png") #149ecb repeat-x;
}
#FreundeB .infoB .pfeil{
	height: 13px;
    left: 136px;
    position: absolute;
    top: 23px;
    width: 6px;	
	background: url("../../media/image/frontend/freundebox/pfeilright.png") transparent no-repeat; 
}

#FreundeB .aktivTop{
	height: 6px;
    left: 94%;
    cursor: pointer;
    position: relative;
    top: 5px;
    width: 12px;
	background: url("../../media/image/frontend/freundebox/pfeilaktiv_top.png") transparent no-repeat; 
}

#FreundeB .aktivBottom{
	height: 6px;
    left: 94%;
    cursor: pointer;
    position: relative;
    top: 5px;
    width: 12px;
	background: url("../../media/image/frontend/freundebox/pfeilaktiv_bottom.png") transparent no-repeat; 
}
